@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:105px;}
.wrap{ margin:0 auto; max-width:1200px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}
.soloba{ position:fixed; right:30px; bottom:30px; z-index:5;}
.top{ position: fixed; padding:0 8%; height:105px; left:0; top:0px; width:100%; z-index:10; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15); transition:all 0.5s ease;}

.t-logo{ padding:33px 0;}
.t-logo a{ display:block;}
.lbucea{ margin-top:45px;}

#vod{position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);z-index:0;
  }
.sear-chlt{}
.sear-chlt span{ display:block; cursor:pointer; width:50px; height:50px; background: url(../images/a3.png) no-repeat center center;}
.sear-chlt p{ position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none; right:0; top:50px; height:40px; width:220px; background:#fff; z-index:2;}
.sear-chlt p .c1{ width:170px; height:40px; float:left; border:none; padding:0 10px;}
.sear-chlt p .c2{ float:left; width:50px; height:40px; float:left; background:#fff url(../images/a3.png) no-repeat center center; border:none; cursor:pointer;}
.lmrtec{ line-height:1.2; margin-top:28px; margin-left:10px; color:#497558; padding-left:50px; background:url(../images/tel.png) no-repeat left center;}
.lmrtec .d1{ font-size:16px;}
.lmrtec .d2{ font-size:28px; font-family:'Impact';}
.aemunb{ width:calc(100% - 132px);}
.aemunb .list{ margin-left:20px; padding-top:10px; line-height:25px;}
.aemunb .list a{ display:block; padding-left:20px;}
.aemunb .list a.a1{ background:url(../images/a1.png) no-repeat left center;}
.aemunb .list a.a2{ background:url(../images/a2.png) no-repeat left center;}
.aemunb .list .ewml{ width:128px; position:absolute; z-index:2; right:0; top:45px; box-shadow:0 0 10px rgba(0,0,0,0.15); display:none;}


.T-nav{}
.T-nav > li{ float:left; padding:0 25px; position:relative;}
.T-nav > li > a{ line-height:50px; color:#333; font-size:16px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:3px; background:#0a408f; left:50%; bottom:0px; transform:translateX(-50%); transition:all 0.5s ease;}
.t-logo a{ display:block;}
.T-nav > li .thr{ position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff; left:0%; margin-left:0px; top:50px; width:100%; display:none;}
.T-nav > li .thr a{ display:block;padding:0 16px; line-height:40px; text-align:center;}



.ind-01{ padding:4% 0; background:url(../images/bgmap.png) no-repeat center center;}
.lmenba .d1{ font-size:28px; padding-bottom:12px;}
.lmenba .d1:before{ content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:3px; background:#0a408f; width:24px; background:#0a408f;}
.lmenba .d2{ text-transform:uppercase; color:#999; margin-top:10px;}
.lmenba.fff .d1{ color:#fff;}
.lmenba.fff .d1:before{ background:#fff;}
.lmenba.fff .d2{ color:#ccc;}


.eplamb{ margin-top:5%;}
.eplamb .cont{ width:46%;}
.eplamb .cont .d1{ font-size:22px;}
.eplamb .cont .d2{ color:#666;}
.eplamb .cont .d3{ line-height:1.8; margin-top:30px;}
.eplamb .cont .d4{ margin-top:25px;}
.eplamb .cont .d4 a{ color:#0a408f; padding-bottom:8px; display:inline-block; border-bottom:1px solid #0a408f;}
.eplamb .cont .d5{display: -webkit-flex; display: flex;justify-content:space-between; margin-top:25px;}
.eplamb .cont .d5 .list .s1{ font-size:36px; font-weight:bold; color:#0a408f;}
.eplamb .cont .d5 .list .s2{ color:#666;}
.eplamb .pic{ width:50%;}
.eplamb .pic a{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:64px; height:64px; background:url(../images/bf.png) no-repeat center center; background-size:100% 100%;}


.ind-02{ background:url(../testimg/t3.jpg) no-repeat center center; background-size:cover; padding:4% 0;overflow:hidden;}

.ind-03{ padding:4% 0; background:url(../testimg/t5.jpg) no-repeat center center; background-size:cover;}

.eplgma{ margin-top:5%;}
.eamtnb{ width:48%;}
.eamtnb a{ display:block;}
.eamtnb a .tit{ position:absolute; left:0; bottom:0; color:#fff; padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:42px; height:42px; background:rgba(0,0,0,0.7); width:100%;}

.lewona{ width:48%;}
.pteojb li{ margin-bottom:10px; background:#fff;}
.pteojb li .d1{ line-height:70px; font-size:16px; height:72px; overflow:hidden; border:1px solid #ddd; position:relative; padding:0 20px 0 90px;}
.pteojb li .d1:before{ content:''; position:absolute; left:0; top:0; width:70px; height:70px; background:#f8f8f8 url(../images/b1.png) no-repeat center center;}
.pteojb li .d2{ padding:20px; display:none;}
.pteojb li .d2 .od{ line-height:25px; height:50px; overflow:hidden; color:#666;}

.ad-more{ margin-top:4%;}
.ad-more a{ display:inline-block; border:1px solid #0a408f; color:#0a408f; line-height:42px; border-radius:21px; padding:0 50px; transition:all 0.5s ease;}

.ind-04{ background:#fff; padding:4% 0;}

.eibkan{ margin-top:5%; padding:0 40px;}
.eibkan .prev,.eibkan .next{ width:20px; height:30px; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%);}
.eibkan .prev{ left:0; background:url(../images/left03.png) no-repeat center center;}
.eibkan .next{ right:0; background:url(../images/right03.png) no-repeat center center;}

.foot{ background: url(../testimg/t9.jpg) no-repeat center bottom; background-size:cover; color:#fff;}
.bugreb{ padding:4% 0;display: -webkit-flex; display: flex;justify-content:space-between;}
.bugreb dl{ min-width:88px;}
.bugreb dt{ margin-bottom:5px; line-height:25px; position:relative; font-size:16px;}
.bugreb a{ color:#fff;}
.bugreb dd{ line-height:30px; color:rgba(255,255,255,0.7);}
.bugreb dd a{ color:rgba(255,255,255,0.7);}
.ewotbn{ text-align:center;}
.ewotbn span{ display:block; margin-top:10px;}
.lmcemc{ line-height:22px; padding:22px 3%;}

.ny-banner img{ width:100%; height:320px; display:block; object-fit:cover;}
.ny-nav{ background:#f0f0f0;}
.ny-nav span{ display:none;}
.ny-nav p a{ float:left; text-align:center; line-height:70px; font-size:16px;}
.ny-nav p a.cur{ color:#fff; background:#0a408f;}

.ny-main{ padding:4% 0;}
.edit-about{ margin-top:4%;}

.edit-about .d2{ margin:3% 0;display: -webkit-flex; display: flex;justify-content:space-between;}
.edit-about .d2 .list{ width:33%; text-align:center;}
.edit-about .d2 .list .s1{ font-size:50px; color:#0a408f; font-weight:bold;}
.edit-about .d2 .list .s2{ font-size:16px; color:#666;}
.edit-about .d3{ color:#666; line-height:2; font-size:16px;}


.aeplbe{ margin-top:4%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15);display: -webkit-flex; display: flex; flex-wrap:wrap;align-items:center;}
.aeplbe .pic{ width:50%;}
.aeplbe .con{ width:50%; padding:0 6%;}
.aeplbe .con .d1{ font-size:18px; line-height:1.8;}
.aeplbe .con .d2{ color:#999; font-size:16px; margin-top:35px; padding-bottom:12px;}
.aeplbe .con .d2:before{ content:''; position:absolute; left:0; bottom:0; height:2px; width:24px; background:#0a408f;}
.aeplbe .con .d3{ font-size:18px; line-height:1.8; margin-top:20px;}

.eoltea{ padding:4% 0;}
.eoltea .d1{ font-size:30px;}
.eoltea .d2{ font-size:18px; margin-top:15px;}
.pawtolb{display: -webkit-flex; display: flex;justify-content:space-between; flex-wrap:wrap;}
.pawtolb li{ width:189px;}
.pawtolb li .d2{ font-size:18px; margin:25px 0 12px;}
.pawtolb li .d3{ line-height:1.6; color:#666;}

.lebnun{ margin-top:5%;}

.lebnun .pic{ width:47%; padding-top:30px;}

.sclmba{ width:47%; padding:40px 0;}
.sclmba .prev,.sclmba .next{ position:absolute; cursor:pointer; left:50%; transform:translateX(-50%); width:22px; height:12px;}
.sclmba .prev{ top:0; background:url(../images/x1.png);}
.sclmba .next{ bottom:0; background:url(../images/x2.png);}

.leambnn{ margin-top:5%; box-shadow:0 0 15px rgba(0,0,0,0.15); padding:4%;}
.ealnna{ width:420px;}
.ealnna .d1{ font-size:30px; line-height:1.1;}
.ealnna .d2{ font-size:20px; margin-top:35px;}
.ealnna .d3{ margin-top:5px; font-size:16px; margin-bottom:30px;}
.ealnna .d4{ line-height:1.8;}
.ealnna .d5{ margin-top:25px;}

.aembbc{ width:475px;}
.aembbc .d1{ font-size:20px; margin-bottom:20px;}
.aembbc .d2{ margin-bottom:8px;}
.aembbc .d2 .c1{ width:100%; border:none; height:55px; padding:0 15px; border-radius:3px; font-size:15px; background:#f3f3f3;}
.aembbc .d2 textarea{ width:100%; height:100px; font-size:15px; border:none; padding:10px; border-radius:3px; background:#f3f3f3;}
.aembbc .d2.rel{ padding-right:100px;}
.aembbc .d2.rel img{ position:absolute; right:0; top:0; width:90px;}
.aembbc .d3 input{ height:60px; border:2px solid #016bdd; color:#016bdd; font-size:16px; cursor:pointer; background:none; width:100%;}


.leaobnb{ margin-top:4%;display: -webkit-flex; display: flex;justify-content:space-between; flex-wrap:wrap;}
.leaobnb li{ width:24%; box-shadow:0 0 10px rgba(0,0,0,0.15); text-align:center; padding:40px; border-top:5px solid #0a408f;}
.leaobnb li .d2{ margin:20px 0; font-size:18px;}
.leaobnb li .d3{ color:#666; line-height:1.8; font-size:16px;}
.edialm{ margin-top:3%; line-height:2; font-size:16px; color:#666;}

.laeomba li{ margin-top:4%; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.laeomba li .pic{ width:50%;}
.laeomba li:nth-child(2n) .pic{ float:right;}
.laeomba li .pic img{ width:100%; height:350px; object-fit:cover;}
.laeomba li .con{ width:50%; padding:110px 4% 0;}
.laeomba li .con .d1{ font-size:30px;}
.laeomba li .con .d2{ color:#999; font-size:22px; margin:10px 0;}

.lenolsa{ margin-top:5%;}
.lenolsa li{ margin-bottom:10px;}
.dolsca span{ float:left; height:60px; line-height:60px;}
.dolsca img{ margin-right:10px;}
.dolsca{ cursor:pointer; overflow:hidden; transition:all 0.5s ease; background:#fff; border:1px solid #eee;}
.dolsca.on{ background:#f9f9f9; transition:all 0.5s ease;}
.dolsca .d1{ width:50%; text-indent:20px; text-align:left;}
.dolsca .d2,.dolsca .d3,.dolsca .d4{ text-align:center; width:22%;}
.dolsca .d5{ width:5%;}
.lourew{ padding:20px; line-height:2; display:none;}
.dolsca .d5{ padding-top:14px; text-align: center;}
.dolsca .d5 i{ display: inline-block; width:32px; height:32px; background:url(../images/xz.png) no-repeat center center; transition:all 0.5s ease;}
.dolsca.on .d5 i{ transform:rotate(135deg); transition:all 0.5s ease;}


.news-list{ margin-top:3%;}
.news-list li{ transition:all 0.5s ease;}
.news-list li .butc{ padding:30px 0; border-bottom:1px solid #ddd;}
.news-list li a{ display:block;}
.news-list li a .pic{ width:225px;}
.news-list li a .pic img{ width:100%; height:150px; object-fit:cover;}
.news-list li a .date{ margin-left:50px; padding-top:20px; width:95px; color:#999; transition:all 0.5s ease;}
.news-list li a .date:after{ content:''; position:absolute; left:95px; height:1px; width:35px; background:#ccc; top:32px; transition:all 0.5s ease;}
.news-list li a .date .d1{ font-size:18px;}
.news-list li a .date .d3{ margin-top:30px;}
.news-list li a .date .d3 span{ display:inline-block; width:35px; height:35px; background:url(../images/vv1.png) no-repeat center center; transition:all 0.5s ease;}
.news-list li a .con{ width:calc(100% - 465px); padding-top:20px; transition:all 0.5s ease;}
.news-list li a .con .d1{ line-height:25px; height:25px; font-weight:bold; overflow:hidden; font-size:16px;}
.news-list li a .con .d2{ margin-top:15px; color:#999; line-height:25px; height:75px; overflow:hidden;}


.pagelc{ padding:4% 0;}
.pagelc a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #ddd; margin:0 2px; vertical-align:middle;}
.pagelc a.mob-none{ padding:0; width:32px;}
.pagelc a.cur{ color:#fff; background:#0a408f; border-color:#0a408f;}

.eobnce{ border-bottom:1px solid #ddd; padding-bottom:20px;}
.eobnce .d1{ font-size:26px; font-weight:bold;}
.eobnce .d2{ margin-top:20px; color:#666;}
.eobnce .d2 > span{ color:#666; margin:0 10px;}

.edit-con{ padding:4% 0; font-size:16px; line-height:2;}

.lecbua{ padding-top:30px; border-top:1px solid #ddd; padding-right:180px;}
.lecbua p{ font-size:16px; line-height:25px; padding:5px 0;}
.lecbua a.back{ position:absolute; right:0; top:30px; line-height:45px; width:145px; border:2px solid #2d3b85; color:#2d3b85; font-size:16px; text-indent:15px; background:url(../images/gg.png) no-repeat 120px center;}

.aepoga li{ width:30%; margin-right:5%; float:left; margin-top:4%;}
.aepoga li:nth-child(3n){ margin-right:0;}
.aepoga li a{ display:block; padding-bottom:20px; text-align:center; position:relative;}
.aepoga li a .d1 img{ width:220px; height:220px; border-radius:50%; object-fit:cover;}
.aepoga li a .d2{ margin-top:15px; font-size:16px; line-height:24px; height:24px; overflow:hidden;}

.lenmbac{ margin-top:4%;}
.lenmbac .tit{ border-bottom:1px solid #ddd; font-size:22px; font-weight:bold; color:#0a408f; padding-bottom:15px;}
.lenmbac .con{ font-size:16px; line-height:2; margin-top:3%;}

.lybaen{ margin-top:3%;}
.lybaen a{ display:inline-block; line-height:45px; padding:0 40px; color:#fff; background:#0a408f;}







@media (min-width: 1201px){
.T-nav li .sec,.T-nav > li .thr{ display:block; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#0a408f;}
.aemunb .list:hover .ewml{ display:block;}
.pteojb li.on .d2{ display:block;}
.pteojb li.on .d1:before{ background:#0165b3 url(../images/b2.png) no-repeat center center;}
.ad-more a:hover{ color:#fff; background:#0a408f; transition:all 0.5s ease;}
.pawtolb li:nth-child(2){ margin-top:180px;}
.pawtolb li:nth-child(3){ margin-top:70px;}
.pawtolb li:nth-child(4){ margin-top:130px;}
.aepoga li a:hover:before{ content:''; width:8px; height:8px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); border-radius:50%; background:#819cc4;}
.aepoga li a:hover .d1 img{ border:4px solid #819cc4;}
}



@media (max-width: 1200px){
#vod{display:none!important;}
body{ padding-top:50px;}
.wrap{ width:100%; max-width:780px; margin:0 auto; padding:0 3%;}
.top{ padding:0 2%; height:50px; background:#fff; display:block; top:0; width:100%; left:0; margin-left:0; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; z-index:20;}
.top .t-logo{ padding:10px 0;}
.top .t-logo img{ height:30px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.sear-chlt{ margin:0;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee;}

.T-nav li > a{ background:none !important; line-height:45px; padding:0 3%; font-size:16px;}
.T-nav > li .thr{ position:relative; top:0; left:0; width:100%; margin-left:0; padding:0; box-shadow:0 0 0;}
.T-nav > li .thr a .pic{ display:none;}
.T-nav > li .thr a{ line-height:45px; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}
.T-nav > li .thr .sec{ width:100%; border:none;}
.T-nav > li .thr .img{ display:none;}
.mob-nav{ display:block;}

.float-sild .d1,.float-sild .d2{ display:none;}
.float-sild .d3{ display:block;}
.float-sild{ top:auto; margin:0; bottom:30px; right:10px;}
.aemunb{ width:auto; }
.aemunb .list:nth-child(1){ display:none;}
.aemunb .list{ line-height:30px;}
.bugreb{ display:none;}
.ny-nav span{ display:block; background:url(../images/xx.png) no-repeat right center; line-height:52px; font-size:16px;}
.ny-nav p{ display:none;}
.ny-nav p a{ width:100% !important; text-align:left; padding:0 3%; line-height:45px;}
.edit-about .d2 .list .s1{ font-size:30px;}
.edit-about .d2 .list .s2{ font-size:14px;}
.edit-about .d3{ font-size:14px;}
.ny-banner img{ height:260px;}
.aeplbe .pic{ width:100%;}
.aeplbe .con{ padding:5% 4%; width:100%;}
.aeplbe .con .d1{ font-size:16px;}
.aeplbe .con .d2{ margin-top:15px;}
.aeplbe .con .d3{ margin-top:15px; font-size:16px;}
.eoltea .d1{ font-size:24px;}
.eoltea .d2{ font-size:14px;}
.pawtolb li{ margin-bottom:4%;}
.oenunab{ display:block; margin-top:4%;}
.lebnun{ display:none;}
.leaobnb li{ padding:20px;}

.pagelc a.mob-none{ display:none;}
.eobnce .d1{ font-size:18px;}
.edit-con,.lecbua p{ font-size:15px;}
.lecbua{ padding-right:0;}
.lecbua a.back{ font-size:15px; position:relative; top:0; margin-top:15px; display:block;}
.lenmbac .tit{ font-size:18px;}
.lenmbac .con{ font-size:15px;}
}
@media (max-width: 900px){
.amebnc{ width:90%; left:5%;}
#vod{display:none!important;}
}

@media (max-width: 780px){
#vod{display:none!important;}
.wrap{ padding:0 3%;}
.eplamb .cont{ width:100%;}
.eplamb .pic{ width:100%; margin-top:3%;}
.eplamb .cont .d3{ margin-top:15px;}
.lmenba .d1{ font-size:18px;}
.lmenba .d2{ font-size:14px;}
.ealnna, .aembbc{width:100%;}
.aembbc{margin-top:5%;}
.ealnna .d2 {
    font-size: 18px;
}
.ealnna .d1{font-size:20px;}
.eplamb .cont .d1{ font-size:20px;}
.eplamb .cont .d5 .list .s1{ font-size:30px;}
.eamtnb{ width:100%;}
.lewona{ width:100%;}
.ny-banner img{ height:180px;}
.pawtolb li{ width:48%;}
.leaobnb li{ width:48%; margin-bottom:4%;}
.leaobnb li .d3{ font-size:14px;}
.leaobnb li .d2{ margin:12px 0;}
.edialm{ font-size:15px;}
.laeomba li .pic{ width:100%;}
.laeomba li .pic img{ height:auto;}
.laeomba li .con{ width:100%; padding:5% 4%;}
.laeomba li .con .d1{ font-size:20px;}
.laeomba li .con .d2{ font-size:16px;}
.laeomba li .con .d3{ text-align:center;}
.laeomba li .con .d3 img{ height:80px;}
.dolsca .d1{ width:85%;}
.dolsca .d3,.dolsca .d4{ display:none;}
.news-list li a .date{ display:none;}
.news-list li .butc{ padding:3%;}
.news-list li a .pic{ width:125px;}
.news-list li a .pic img{ height:85px;}
.news-list li a .con{ width:calc(100% - 140px); padding:0;}
.news-list li a .con .d2{ margin-top:5px; height:50px;}
.news-list li a .con .d3{ display:none;}
.aepoga li{ width:48%; margin-right:0;}
.aepoga li:nth-child(2n){ float:right;}
}







@media (max-width: 640px){
.aepoga li a .d1 img{ width:140px; height:140px;}

}





.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}










.Map002681{ width:74%;}
.Map002681 .inner{ position:relative}
.Map002681 .map{ overflow:hidden; position:relative; padding-bottom:70%}
.Map002681 #echartsMap{ position:absolute; left:0; width:100%;height:100%; top:0; background:url(../images/chinamap.jpg) no-repeat center center; }
.Map002681 .map-list{ position:absolute; right:0; top:0; width:100%; max-width:292px;}
.Map002681 .close{ position:absolute; top:15px; right:15px; display:block; cursor:pointer; width:23px; height:23px; background:url(../images/x.png) no-repeat center center;}
.Map002681 .area_box{ position:relative; border-radius:10px; background:url(../images/gb.png);  display:none;color: #333; box-shadow:0 0 10px #eaeaea}
.Map002681 .area_box.on{ display:block;}
.Map002681 .area_box .pic { text-align:center; padding:4% 0}
.Map002681 .area_box .pic img{ width:136px; height:136px; border-radius:100px; border:solid 3px #497558}
.Map002681 .area_box .ewm{ text-align:center; padding:4% 0}
.Map002681 .area_box .ewm img{ max-width:120px;}
.Map002681 .area_box .area{ font-size:20px; background-color:#497558; color:#fff; padding:3% 8%; border-radius:10px 10px 0 0 ; display:none}
.Map002681 .area_box .info{ text-align:center; line-height:30px; padding:0; margin:0}
.Map002681 .area_box .info b{ display:block; font-size:20px; color:#497558;}
.Map002681 .area_box .info span{ display:block; font-size:16px; font-weight:normal; color:#666666}
.Map002681 .area_box .txt{ background-color:#497558; color:#fff; padding:8%; border-radius:0 0 10px 10px;}
.Map002681 .area_box .txt p{ padding:5px 0; margin:0; font-size:14px;}
.Map002681 .area_box .no{ display:block; text-align:center; padding:5% 0}
@media(max-width:1360px){
  .Map002681{ width:100%;}
}
@media(max-width:640px){
.Map002681 .map{margin:0  -50px; padding-bottom: 120%;}
	.Map002681 .map-list{max-width: 230px;}
	.Map002681 .area_box .pic img{width: 80px; height: 80px;}
	.Map002681 .area_box .info b{font-size: 18px;}
	.Map002681 .area_box .info span{font-size: 14px;}
	.Map002681 .area_box .txt p{padding: 0; font-size: 12px;}
/*.Map002681 .map-list{ position:relative; max-width:100%;}
.Map002681 .close{ display:none;}
.Map002681 .area_box{ margin-bottom:3%}
.Map002681 .area_box .area{ display:block; padding:2%; font-size:16px;}
.Map002681 .area_box{ display:block}
.Map002681 .area_box .txt{ padding:2%}*/
}

.wall { display: block; position: relative;}
.wall-column { display: block; position: relative; margin-right:5%; width: 30%; float: left; }
.wall-column .article{margin-bottom:12%; display:block;}
.wall-column:nth-child(3n){ margin-right:0;}
.wall-column .article .hba{ overflow:hidden;}
.wall-column .article .hba img{ transition:all 0.5s ease; width:100%;}
.wall-column .article .date{ color:#888; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:20px 0;}
.wall-column .article .con{ font-size:16px; color:#333; line-height:28px; padding-bottom:15px; position:relative;}
.wall-column .article .con:after{ content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#497558; transition:all 0.5s ease;}
@media (min-width: 1361px) {
.wall-column .article:hover .hba img{ transform: scale(1.05); transition:all 0.5s ease;}
.wall-column .article:hover .con:after{ width:100%; transition:all 0.5s ease;}
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}